﻿<!DOCTYPE html>
<html>
  <head>
    <title>互动</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/互动_1/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/互动_1/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u2157" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u2158" class="ax_default _形状">
          <img id="u2158_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2159" class="ax_default _水平线">
          <img id="u2159_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2160" class="ax_default _文本段落" data-label="Header 2">
        <img id="u2160_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u2160_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">2.2.3-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">直播者--互动</span></p>
        </div>
      </div>

      <!-- Unnamed (B02发布者-互动信息) -->

      <!-- Unnamed (矩形) -->
      <div id="u2162" class="ax_default _形状">
        <img id="u2162_img" class="img " src="images/观看者-流程图/u426.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2163" class="ax_default _形状">
        <img id="u2163_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2163_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">闪光灯</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2164" class="ax_default _形状">
        <img id="u2164_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2164_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">前后</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2165" class="ax_default _形状">
        <img id="u2165_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2165_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">屏蔽</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2166" class="ax_default _形状">
        <img id="u2166_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u2167" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u2168" class="ax_default _文本段落">
          <img id="u2168_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u2168_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2169" class="ax_default _形状">
          <img id="u2169_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2170" class="ax_default _形状">
        <img id="u2170_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2171" class="ax_default _文本段落">
        <img id="u2171_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u2171_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2172" class="ax_default _形状">
        <img id="u2172_img" class="img " src="images/观看者-流程图/u428.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2173" class="ax_default _形状">
        <img id="u2173_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2174" class="ax_default _文本段落">
        <img id="u2174_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u2174_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2175" class="ax_default _文本段落">
        <img id="u2175_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u2175_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2176" class="ax_default _形状">
        <img id="u2176_img" class="img " src="images/观看者-流程图/u432.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2177" class="ax_default _形状">
        <img id="u2177_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2178" class="ax_default _文本段落">
        <img id="u2178_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u2178_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2179" class="ax_default _文本段落">
        <img id="u2179_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u2179_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2180" class="ax_default _形状">
        <img id="u2180_img" class="img " src="images/观看者-流程图/u436.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2181" class="ax_default _形状">
        <img id="u2181_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2182" class="ax_default _文本段落">
        <img id="u2182_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u2182_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2183" class="ax_default _文本段落">
        <img id="u2183_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u2183_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2184" class="ax_default _形状">
        <img id="u2184_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u2184_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">花</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">12k</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2185" class="ax_default _形状">
        <img id="u2185_img" class="img " src="images/观看者-流程图/u445.png"/>
        <div id="u2185_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">输入文字</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2186" class="ax_default _形状">
        <img id="u2186_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2186_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">邀请</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2187" class="ax_default _形状">
        <img id="u2187_img" class="img " src="images/观看者-流程图/u447.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2188" class="ax_default _形状">
        <img id="u2188_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2189" class="ax_default _文本段落">
        <img id="u2189_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u2189_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2190" class="ax_default _文本段落">
        <img id="u2190_img" class="img " src="images/观看者-流程图/u450.png"/>
        <div id="u2190_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">13“00&nbsp; 点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2191" class="ax_default _形状">
        <img id="u2191_img" class="img " src="images/观看者-流程图/u451.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2192" class="ax_default _文本段落">
        <img id="u2192_img" class="img " src="images/观看者-流程图/u452.png"/>
        <div id="u2192_text" class="text ">
          <p style="font-size:11px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:13px;">林宥嘉Mr.Lin&nbsp;&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;">&nbsp; 加入直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2193" class="ax_default _形状">
        <img id="u2193_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u2193_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">123</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2194" class="ax_default _形状">
        <img id="u2194_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2195" class="ax_default _形状">
        <img id="u2195_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2196" class="ax_default _形状">
        <img id="u2196_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2197" class="ax_default _形状">
        <img id="u2197_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2198" class="ax_default _形状">
        <img id="u2198_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2199" class="ax_default _形状">
        <img id="u2199_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u2199_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2200" class="ax_default _文本段落">
        <img id="u2200_img" class="img " src="images/互动/u962.png"/>
        <div id="u2200_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">往右滑出现互动信息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2201" class="ax_default _形状">
        <img id="u2201_img" class="img " src="images/互动_1/u2201.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2202" class="ax_default _文本段落" data-label="Header 2">
        <img id="u2202_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u2202_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2203" class="ax_default _文本段落">
        <img id="u2203_img" class="img " src="images/互动_1/u2203.png"/>
        <div id="u2203_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">文字互动：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2204" class="ax_default _文本段落">
        <img id="u2204_img" class="img " src="images/互动_1/u2204.png"/>
        <div id="u2204_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;">1，文字互动会显示用户头像，昵称，回复内容</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;">2，按照时间顺序从下往上显示</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;">3，直播者不可以回复评论（长按头像无响应）</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;">4，直播者不支持为自己点赞</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2205" class="ax_default _形状">
        <img id="u2205_img" class="img " src="images/互动/u921.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2206" class="ax_default _形状">
        <img id="u2206_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2207" class="ax_default _文本段落">
        <img id="u2207_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u2207_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2208" class="ax_default _文本段落">
        <img id="u2208_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u2208_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2209" class="ax_default _形状">
        <img id="u2209_img" class="img " src="images/互动/u925.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2210" class="ax_default _形状">
        <img id="u2210_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2211" class="ax_default _文本段落">
        <img id="u2211_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u2211_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2212" class="ax_default _文本段落">
        <img id="u2212_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u2212_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2213" class="ax_default _形状">
        <img id="u2213_img" class="img " src="images/互动/u929.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2214" class="ax_default _形状">
        <img id="u2214_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2215" class="ax_default _文本段落">
        <img id="u2215_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u2215_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2216" class="ax_default _文本段落">
        <img id="u2216_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u2216_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2217" class="ax_default _文本段落">
        <img id="u2217_img" class="img " src="images/互动/u919.png"/>
        <div id="u2217_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">语音互动：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2218" class="ax_default _文本段落">
        <img id="u2218_img" class="img " src="images/互动/u937.png"/>
        <div id="u2218_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">类似微信，点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2219" class="ax_default _文本段落">
        <img id="u2219_img" class="img " src="images/互动_1/u2219.png"/>
        <div id="u2219_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">主播禁用掉语音回复</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2220" class="ax_default _形状">
        <img id="u2220_img" class="img " src="images/互动/u938.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2221" class="ax_default _形状">
        <img id="u2221_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2222" class="ax_default _文本段落">
        <img id="u2222_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u2222_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2223" class="ax_default _文本段落">
        <img id="u2223_img" class="img " src="images/观看者-流程图/u450.png"/>
        <div id="u2223_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">13“00&nbsp; 点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2224" class="ax_default _文本段落">
        <img id="u2224_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u2224_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">25</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2225" class="ax_default _形状">
        <img id="u2225_img" class="img " src="images/观看者-流程图/u445.png"/>
        <div id="u2225_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">输入文字</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2226" class="ax_default _形状">
        <img id="u2226_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2226_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2227" class="ax_default _形状">
        <img id="u2227_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u2227_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2228" class="ax_default _文本段落">
        <img id="u2228_img" class="img " src="images/互动_1/u2228.png"/>
        <div id="u2228_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">国内版若主播非微博登录，隐藏分享按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2229" class="ax_default _文本段落">
        <img id="u2229_img" class="img " src="images/互动_1/u2229.png"/>
        <div id="u2229_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击邀请发起邀请功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2230" class="ax_default _文本段落">
        <img id="u2230_img" class="img " src="images/互动/u919.png"/>
        <div id="u2230_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">邀请直播：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
